<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,minimum-scale=1,maximum-scale=1">
    <title>区块头条</title>


    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="js/jquery-3.3.1.min.js" type="text/javascript"></script>
    <script src="js/jquery.color.min.js" type="text/javascript"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="bootstrap/js/bootstrap.min.js"></script>

    <!--自定义字体-->
    <link rel="stylesheet" href="css/font.css">

    <link rel="stylesheet/less" type="text/css" href="css/base.less" />
    <link rel="stylesheet" type="text/css" href="css/personalRecord.css">

    <script src="js/less.js"></script>
    <script src="js/qs.js"></script>
    <script src="js/base.js"></script>
    <script src="js/jquery.cookie.js"></script>
    <script src="js/jquery.md5.js"></script>
    <script src="js/html-params.js"></script>
    <script src="js/vue.js"></script>

    <script src="js/page/personal.js"></script>

    <!--各种图-->
    <script type="text/javascript" src="js/echart/echarts.min.js"></script>
    <!--加载Axios-->
    <script src="js/axios.min.js"></script>
</head>
<body>
<div id="header" v-cloak="">
    <header-content></header-content>
</div>

<div id="main">
    <div class="content">
        <!--头像和菜单-->
        <div id="my-info" v-cloak="">
            <personal-menu-content  :is-one="true"></personal-menu-content>
        </div>

        <!--具体内容显示-->
        <div id="record-list" v-cloak="">
            <div class="title">交易记录<div class="remove-btn pointer" @click="removeRecord">删除</div></div>
            <table class="list-table">
                <thead>
                <tr>
                    <td class="ltd">交易时间</td>
                    <td class="mtd">交易场所</td>
                    <td class="mtd">交易类型</td>
                    <td class="mtd" width="27%">详情</td>
                    <td class="rtd" width="13%">全选&nbsp;<input class="select-box" type="checkbox" id="myCheck"><label for="myCheck" @click="selectAll" value="0"></label></td>
                </tr>
                </thead>
                <tbody>
                <tr v-for="item in items">
                    <td class="ltd create-time">{{ item.time }}</td>
                    <td class="mtd cont-type">{{ item.addr }}</td>
                    <td class="mtd in-out">{{ item.type}}</td>
                    <td class="mtd" width="27%">
                        <div style="display: inline-block;margin-top:20px;">
                            <div class="td-left">
                                <p>{{ item.fname }}</p>
                                <p class="td-num">{{ item.fnum }}</p>
                            </div>
                            <div class="td-center">
                                <img src="image/youjiantou.png">
                            </div>
                            <div class="td-right">
                                <p>{{ item.tname }}</p>
                                <p class="td-num">{{ item.tnum }}</p>
                            </div>
                        </div>
                    </td>
                    <td class="rtd cont-type" width="13%"><input :id="'check'+item.id" class="select-box" type="checkbox"><label :for="'check'+item.id"></label></td>
                </tr>
                </tbody>
            </table>
            <div class="loadData hidden">数据加载中...</div>
        </div>
    </div>

    <div class="clearfix"></div>
</div>

<div id="footer">
    <footer-content></footer-content>
</div>

<div id="warnMsg" class=""><span>已复制分享链接到剪贴板</span></div>

<!--删除确认-->
<div class="modal fade" id="removeModal" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">

            <div class="modal-body">
                <p class="warn-msg">确定删除记录吗？</p>
                <div class="ok-btn pointer" @click="deleteRecord">确定</div>
                <div class="cancel-btn pointer" @click="cancel">取消</div>
            </div>

        </div>
    </div>
</div>

</body>
</html>
